<template>
	<view class="fastTest">
		<!-- 导航栏 -->
		<navBar :backFont="true" :title="'快速测试'" >
		</navBar>	
		<view class="projects_card">
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="力定跳远" :navigateUrl="'/pages/goTest/goTest?type=立定跳远'" :back_url=" '../../static/icons/long-jump.png'"></sportsCard>
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="100米" :navigateUrl="'/pages/ruuningEvent/ruuningEvent'" :back_url=" '../../static/icons/100-meter-dash.png'"></sportsCard>
			<!-- <sportsCard width="20vw" height="20vw" class="sportsCard" title="100米" :navigateUrl="'/pages/goTest/goTest?type=100米'" :back_url=" '../../static/icons/100-meter-dash.png'"></sportsCard> -->
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="引体向上" :navigateUrl="'/pages/goTest/goTest?type=引体向上'" :back_url=" '../../static/icons/pull-up.png'"></sportsCard>
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="仰卧起坐" :navigateUrl="'/pages/goTest/goTest?type=仰卧起坐'" :back_url=" '../../static/icons/sit-up.png'"></sportsCard>
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="跳绳" :navigateUrl="'/pages/goTest/goTest?type=跳绳'" :back_url=" '../../static/icons/jump-rope.png'"></sportsCard>
			<sportsCard width="20vw" height="20vw" class="sportsCard" title="实心球" :navigateUrl="'/pages/goTest/goTest?type=实心球'" :back_url=" '../../static/icons/shot-put.png'"></sportsCard>
			
		</view>
	</view>
</template>

<script lang="ts" setup>
	import { ref,reactive } from "vue";
	// const goMethod = (type:any) => {
	// 	console.log('我去了这里');
	// 	uni.navigateTo({
	// 		url:'/pages/goTest/goTest?type='+type,
	// 	})
	// }
</script>

<style>
	.fastTest{
		padding: 11vh 0  0 0 ;
		height: 89vh;
		overflow: hidden;
		box-sizing: border-box;
	}
	 .projects_card{
		 margin-top: 5vh;
		 display: flex;
		 justify-content: space-evenly;
		 flex-wrap: wrap;
	 }
	.sportsCard{
		margin-right: 5.5vw;
		background-color: #fff;
		margin-top: 3vh;
	}
</style>